<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <title>注册</title>
    <!-- for-mobile-apps -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="keywords" content="holidaymaker Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design"/>
    <script type="application/x-javascript"> addEventListener("load", function () {
        setTimeout(hideURLbar, 0);
    }, false);

    function hideURLbar() {
        window.scrollTo(0, 1);
    } </script>
    <!-- //for-mobile-apps -->
    <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all"/>
    <link href="css/font-awesome.css" rel="stylesheet">
    <link href="css/popuo-box.css" rel="stylesheet" type="text/css" media="all"/><!-- //pop-ups-->
    <!-- team-->
    <link href="css/ihover.css" rel="stylesheet" type="text/css" media="all"/><!-- //team -->
    <link rel="stylesheet" href="css/swipebox.css">
    <link href="css/style.css" rel="stylesheet" type="text/css" media="all"/>
    <!-- fonts -->
    <link href="//fonts.googleapis.com/css?family=Merienda:400,700" rel="stylesheet">
    <link href="//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet">
    <!-- //fonts -->
</head>
<body>
<!-- banner -->
<div class="banner-figures">
    <div class="banner">
        <div class="container banner-drop">
            <div class="header">
                <div class="header-left logo">
                    <h1><a href="index.html">旅家</a></h1>
                </div>
                <div class="header-right">
                    <nav>
                        <ul>
                            <li class="active">
                                <a href="index.html" ><span>首页</span></a>
                            </li>
                            <li>
                                <a href="about.html">关于</a>
                            </li>
                            <li>
                                <a href="#" class="active"><span>登录/注册</span></a>
                            </li>
                            <li>
                                <a href="index.html#services"><span>服务</span></a>
                            </li>
                            <li>
                                <a href="index.html#gallery"><span>风景画廊</span></a>
                            </li>
                            <li>
                                <a href="index.html#contact"><span>联系我们</span></a>
                            </li>
                        </ul>
                    </nav>
                    <div class="menu-icon animated wow zoomIn" data-wow-duration="1000ms" data-wow-delay="800ms">
                        <span></span></div>
                </div>
                <div class="clearfix"></div>
            </div>
            <div class="col-md-12 contact-agileits-w3layouts">
                <form action="#" method="post">
                    <input type="text" name="Your Name" placeholder="用户名" required=""/>
                    <input type="text" name="Your Email" placeholder="密码" required=""/>
                    <input type="text" name="Your Email" placeholder="重复密码" required=""/>
                    <input type="email" name="Your Email" placeholder="邮箱" required=""/>

                    <input type="submit" value="点击注册">
                    <a href="login.html" class="btn-warning">登录</a>
                </form>

            </div>

        </div>
    </div>
</div>

<!--//video-->
<!-- team -->

<!-- //about -->
<div class="footer">
    <div class="container">
        <h3><a href="index.html">旅家</a></h3>
        <p>© 2017 旅家. All rights reserved</p>
        <div class="social-icons animated wow bounceInDown" data-wow-duration="1000ms" data-wow-delay="800ms">
            <ul class="top-links">

                <li><a href="#"><i class="fa fa-wechat"></i></a></li>
                <li><a href="#"><i class="fa fa-weibo"></i></a></li>
                <li><a href="#"><i class="fa fa-qq"></i></a></li>
            </ul>
        </div>
    </div>
</div>
<!-- //footer -->
<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
<script>
    (function ($) {
        $(".menu-icon").on("click", function () {
            $(this).toggleClass("open");
            $(".container").toggleClass("nav-open");
            $("nav ul li").toggleClass("animate");
        });

    })(jQuery);
</script>
<!-- swipe box js -->
<script src="js/jquery.swipebox.min.js"></script>
<script type="text/javascript">
    jQuery(function ($) {
        $(".swipebox").swipebox();
    });
</script>
<!-- //swipe box js -->

<!-- jarallax-js -->
<script src="js/jarallax.js"></script>
<script src="js/SmoothScroll.min.js"></script>
<script type="text/javascript">
    /* init Jarallax */
    $('.jarallax').jarallax({
        speed: 0.5,
        imgWidth: 1366,
        imgHeight: 768
    })
</script>
<!-- //jarallax-js -->
<!--pop-up-box -->
<script src="js/jquery.magnific-popup.js" type="text/javascript"></script>
<script>
    $(document).ready(function () {
        $('.popup-with-zoom-anim').magnificPopup({
            type: 'inline',
            fixedContentPos: false,
            fixedBgPos: true,
            overflowY: 'auto',
            closeBtnInside: true,
            preloader: false,
            midClick: true,
            removalDelay: 300,
            mainClass: 'my-mfp-zoom-in'
        });

    });
</script>
<!-- //pop-up-box -->

<!-- here stars scrolling icon -->
<script type="text/javascript">
    $(document).ready(function () {
        /*
            var defaults = {
            containerID: 'toTop', // fading element id
            containerHoverID: 'toTopHover', // fading element hover id
            scrollSpeed: 1200,
            easingType: 'linear'
            };
        */

        $().UItoTop({easingType: 'easeOutQuart'});

    });
</script>
<!-- //here ends scrolling icon -->
<!-- start-smooth-scrolling -->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
    jQuery(document).ready(function ($) {
        $(".scroll").click(function (event) {
            event.preventDefault();
            $('html,body').animate({scrollTop: $(this.hash).offset().top}, 1000);
        });
    });
</script>
<!-- start-smooth-scrolling -->
</body>
</html>